<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<link rel="stylesheet" href="css/style.css">
	<script src="js/jquery-1.8.0.js"></script>
	<script src="js/laydate/laydate.js"></script>
	<script src="js/city.min.js"></script>
	<script src="js/jquery.pseudo.js"></script>
    <script src="js/jquery.SuperSlide.2.1.1.js"></script>
   
	<title>家政师预约</title>
</head>
<body>
	 <div class="wrap">
        <div class="main" id="home">
        	<!-- 首页页头 -->
        	<div id="header">
        		<div class="header_top">
        			<div class="common_width clearfix">
        				<p class="header_title">您好，欢迎您来到安徽智慧乐生活家政管理有限公司！ 您身边的家政服务专家！</p>
        				<div class="loginbar"><a href="" class="cart">我的购物车</a>  |  <a href="#">登录</a>  |  <a href="#">注册</a>  |  我的预约</div>
        			</div>
        		</div>
        		<div class="nav common_width clearfix">
        			<img src="imgs/logo.gif" alt="智慧乐" class="logo_img">
        			<div class="nav_title">
        				<ul class="clearfix">
	        				<li><a href="">首页</a></li>
	        				<li><a href="">新闻中心</a></li>
	        				<li><a href="">服务项目</a></li>
	        				<li><a href="">积分商城</a></li>
	        				<li><a href="">培训学院</a></li>
	        				<li><a href="">招商加盟</a></li>
	        				<li><a href="">联系我们</a></li>
        				</ul>
        			</div>
        			<div class="pre_order">
        				<a href="">立即下单</a><a href="">快速预约</a>
        			</div>
        		</div>
        	</div>
			<!-- 首页内容主体 -->
			<div class="hr_23"></div>
			<div class="content common_width">
				<h2 class="con_title fast_title">家政师预约</h2>
				<form action="" class="fast_form">
					<div class="bespeak_title">
						<h2>当前预约</h2>
						<div class="bespeak clearfix">
							<img src="imgs/1.jpg" alt="" class="bespeak_l">
							<div class="bespeak_r">
								<h3>小帅帅</h3>
								<ul>
									<li>工种：<span>家庭保洁</span></li>
									<li>年龄：<span>22岁</span></li>
									<li>薪资：￥<span>2000-6000</span>元</li>
									<li>服务范围：<span>室内桌面、台面、卫生间...</span></li>
								</ul>
							</div>
						</div>
						<dl class="fast_type clearfix">
							<dt>服务类型：</dt>
							<dd class="fast_type_dd fast_type_active">网络面试</dd>
							<dd class="fast_type_dd">双方通话</dd>
							<dd class="fast_type_dd">上面面试</dd>
							<dd class="fast_type_money">试工定金：<span>0.01</span>元</dd>
						</dl>
						<div class="fast_label clearfix">
							<label for="">服务时间：</label>
							<input type="text" id="start" class="laydate-icon fast_date">
							<em class="fast_start_em">~</em>
							<input type="text" id="end" class="laydate-icon fast_date">
						</div>
					</div>
					<div class="bespeak_title">
						<h2>联系信息</h2>
						<div class="fast_label clearfix">
							<label for="">联系人：</label>
							<input type="text" class="common_input">
						</div>
						<div class="fast_label clearfix">
							<label for="">手机号码：</label>
							<input type="text" maxlength="11" class="common_input">
						</div>
						<div class="fast_label clearfix">
							<label for="">验证码：</label>
							<input type="text" class="validation_code">
							<span class="validation_span">获取验证码</span>
						</div>

						<div class="fast_label infolist clearfix">
							<label for="">服务地址：</label>
							<div class="liststyle">
		                        <span id="Province">
		                            <i>请选择省份</i>
		                            <ul>
		                                <li class="liststyle_li"><a href="javascript:void(0)" alt="请选择省份">请选择省份</a></li>
		                            </ul>
		                            <input type="hidden" name="cho_Province" value="请选择省份">
		                        </span>
		                        <span id="City">
		                            <i>请选择城市</i>
		                            <ul>
		                                <li><a href="javascript:void(0)" alt="请选择城市">请选择城市</a></li>
		                            </ul>
		                            <input type="hidden" name="cho_City" value="请选择城市">
		                        </span>
		                        <span id="Area">
		                            <i>请选择地区</i>
		                            <ul>
		                                <li><a href="javascript:void(0)" alt="请选择地区">请选择地区</a></li>
		                            </ul>
		                            <input type="hidden" name="cho_Area" value="请选择地区">
		                        </span>
		                    </div>
						</div>

						<div class="fast_label clearfix">
							<label for="">详情地址：</label>
							<input type="text" class="common_input">
						</div>
					</div>
					<div class="bespeak_title">
						<h2>家庭情况</h2>
						<div class="fast_label clearfix">
							<label for="">心理价位：</label>
							<input type="text" class="bespeak_input">
							<span class="bespeak_span">元/月</span>
						</div>
						<div class="fast_label clearfix">
							<label for="">房屋面积：</label>
							<input type="text" class="bespeak_input">
							<span class="bespeak_span">平方米</span>
						</div>
						<dl class="fast_type clearfix">
							<dt>有无宠物：</dt>
							<dd class="fast_type_dd fast_type_active">有宠物</dd>
							<dd class="fast_type_dd">无宠物</dd>
						</dl>
						<div class="fast_label clearfix">
							<label for="">家庭成员：</label>
							<input type="text" class="common_input">
						</div>
						<div class="fast_label clearfix">
							<label for="">更多需求：</label>
							<textarea name="" id="" class="fast_textarea"></textarea>
						</div>
						<div class="clearfix">
							<label for="" class="bespeak_label">支付方式：</label>
							<!-- <div class="radio_input">
								<input type="radio" id="alipay" checked="checked" name="radio">
								<label for="alipay">支付宝支付</label>
							</div>
							<div class="radio_input">
								<input type="radio" id="weChat" name="radio">
								<label for="weChat">微信支付</label>
							</div> -->
							<ul class="payment_type bespeak_payment_type clearfix">
								<li class="payment_li payment_li_bg">支付宝支付</li>
								<li class="payment_li">微信支付</li>
							</ul>
						</div>
					</div>
					<div class="fast_btn"><button>立即预约</button></div>
				</form>
			</div>
        </div>
        <div class="hr_44"></div>
    </div>
    <div id="footer">
    	<div class="common_width footer">
    		<div class="hr_23"></div>
    		<form action="" class="footer_nav">
    			<table border="0">
					<tr>
						<th>家庭服务</th>
						<th>家政师</th>
						<th>培训学院</th>
						<th>个人中心</th>
						<th>加入我们</th>
					</tr>
					<tr>
						<td><a href="">家庭保洁</a></td>
						<td><a href="">月嫂</a></td>
						<td><a href="">学院简介</a></td>
						<td><a href="">我的订单</a></td>
						<td><a href="">招商加盟</a></td>
					</tr>
					<tr>
						<td><a href="">家居保养</a></td>
						<td><a href="">育婴师</a></td>
						<td><a href="">培训课程</a></td>
						<td><a href="">我的积分</a></td>
						<td><a href="">培训课程</a></td>
					</tr>
					<tr>
						<td><a href="">家电清洗</a></td>
						<td><a href="">催乳师</a></td>
						<td><a href="">学院相册</a></td>
						<td><a href="">家政预约</a></td>
						<td><a href="">服务方式</a></td>
					</tr>
					<tr>
						<td><a href="">家居洗涤</a></td>
						<td><a href="">早教师</a></td>
						<td><a href="">学院相册</a></td>
						<td>&nbsp;</td>
						<td>&nbsp;</td>
					</tr>
					<tr>
						<td>&nbsp;</td>
						<td><a href="">养老陪护</a></td>
						<td>&nbsp;</td>
						<td>&nbsp;</td>
						<td>&nbsp;</td>
					</tr>
					<tr>
						<td>&nbsp;</td>
						<td><a href="">居家保姆</a></td>
						<td>&nbsp;</td>
						<td>&nbsp;</td>
						<td>&nbsp;</td>
					</tr>
				</table>
    		</form>
    		<div class="qr_code">
    			<img src="imgs/qr_code.gif" alt="">
    			<p>扫一扫</p>
    		</div>
    	</div>
    </div>
    <script>
	// 家政师预约-服务类型
	$('.fast_type dd').click(function() {
		$(this).addClass('fast_type_active').siblings('.fast_type dd').removeClass('fast_type_active');
	})

	// 支付方式
	$('.payment_type li').click(function() {
		$(this).addClass('payment_li_bg').removeClass('payment_li');
		$(this).siblings('.payment_type li').removeClass('payment_li_bg').addClass('payment_li');
	})

    // 家政师预约-服务时间
    var start = {
        elem: '#start',
        format: 'YYYY/MM/DD hh:mm:ss',
        min: laydate.now(), //设定最小日期为当前日期
        max: '2099-06-16 23:59:59', //最大日期
        istime: true,
        istoday: false,
        choose: function(datas){
             end.min = datas; //开始日选好后，重置结束日的最小日期
             end.start = datas //将结束日的初始值设定为开始日
        }
    };
    var end = {
        elem: '#end',
        format: 'YYYY/MM/DD hh:mm:ss',
        min: laydate.now(),
        max: '2099-06-16 23:59:59',
        istime: true,
        istoday: false,
        choose: function(datas){
            start.max = datas; //结束日选好后，重置开始日的最大日期
        }
    };
    laydate(start);
    laydate(end);
    </script>
</body>
</html>